import React, {Component} from 'react';
import {
    Button,
    Platform,
    StyleSheet,
    Text,
    TextInput,
    StatusBar,
    View,
    Dimensions,
    TouchableOpacity,
    PixelRatio,
} from 'react-native';
import Orientation from "react-native-orientation";

const {width: sw, height: sh, scale: sc} = Dimensions.get('window');


export default class Welcome extends React.Component {


    static navigationOptions = {
        header: null,
    };

    render() {
        return (
            <View style={styles.container}>
                <StatusBar backgroundColor={'rgba(255,255,255,0)'} translucent={true} animated={true}
                           barStyle={'light-content'}/>
                <TouchableOpacity onPress={() => {
                    this.props.navigation.navigate('Home');
                }}>
                    <Text style={{
                        backgroundColor: "#999999",
                        width: sw * 0.50,
                        height: 50,
                        borderColor: 'blue',
                        borderWidth: 3
                    }}>
                        sc:{sc} sw:{sw}
                    </Text>
                    <Text style={{
                        backgroundColor: "#999999",
                        width: 240,
                        marginTop: 3,
                        height: 50,
                        borderColor: 'orange',
                        borderWidth: 3
                    }}>
                        sc:{sc} sw:{sw}
                    </Text>
                </TouchableOpacity>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        flexDirection: 'row',
        backgroundColor: '#F5FCFF',
    },
});




